<template>
  <a-select v-model="currentValue" placeholder="请选择商品类型" v-bind="$attrs" @change="handleChange">
    <a-select-option value="0">全部</a-select-option>
    <a-select-option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}</a-select-option>
  </a-select>
</template>

<script>
export default {
  data () {
    return {
      options: [
        { label: '普通商品', value: '1' },
        { label: '称重商品', value: '2' },
        { label: '商品套餐', value: '3' }
      ],
      currentValue: ''
    }
  },
  methods: {
    handleChange (val) {
      console.log(val, 'handleChange')
    }
  }
}
</script>
